<template>
	<view class="wap">
		<u-form :model="form" ref="uForm" class="form">
			<u-form-item label="名称" label-width="150" prop="form.nickName">
				<u-input disabled placeholder="点击可输入名称" class="mobile" v-model="form.nickName" required />
			</u-form-item>
			<u-form-item label="手机号" label-width="150" prop="form.mobile">
				<u-input disabled placeholder="点击可输入手机号" class="mobile" v-model="form.mobile" required />
			</u-form-item>
			<u-form-item label="申请时间" label-width="150" prop="form.createTime">
				<u-input disabled placeholder="点击可输入申请时间" class="mobile" v-model="form.createTime" required />
			</u-form-item>
			<!-- <u-form-item label="支付时间" label-width="150" prop="form.successTime">
				<u-input disabled placeholder="点击可输入支付时间" class="mobile" v-model="form.successTime" required />
			</u-form-item> -->
			<u-form-item label="金额" label-width="150" prop="form.flowPrice">
				<u-input disabled placeholder="点击可输入金额" class="mobile" v-model="form.flowPrice" required />
			</u-form-item>
			<u-form-item label="卡号" label-width="150" prop="form.cardNumber">
				<u-input disabled placeholder="点击可输入卡号" class="mobile" v-model="form.cardNumber" required />
			</u-form-item>
			<u-form-item label="订单状态" label-width="150" prop="form.orderStatus">
				<u-input disabled placeholder="点击可输入订单状态" class="mobile" v-model="form.orderStatus" required />
			</u-form-item>
			<u-form-item label="备注" label-width="150" prop="form.subject">
				<u-input disabled placeholder="点击可输入备注" class="mobile" v-model="form.subject" required />
			</u-form-item>
			<!-- <u-form-item label="审核人" label-width="150" prop="form.reviewer">
				<u-input disabled placeholder="点击可输入审核人" class="mobile" v-model="form.reviewer" required />
			</u-form-item>
			<u-form-item label="审核备注" label-width="150" prop="form.reviewerRemarks">
				<u-input disabled placeholder="点击可输入审核备注" class="mobile" v-model="form.reviewerRemarks" required />
			</u-form-item> -->
		</u-form>
	</view>
</template>

<script>
	import {
		getByAPI
	} from "@/api/members";
	import storage from "@/utils/storage.js";
	export default {
		data() {
			return {
				form: {
					memberId: storage.getUserInfo().id,
					nickName: '',
					mobile: '',
					createTime: '',
					successTime: '',
					flowPrice: '',
					orderStatus: '',
					reviewerRemarks: '',
					reviewerRemarks: '',
					reviewer: '',
					subject: '',
					cardNumber: ''
				}
			};
		},
		watch: {

		},
		onLoad(options) {
			console.log(options)
			this.getByMTH(options.id)
		},
		methods: {
			getByMTH(data) {
				getByAPI(data).then(res => {
					if (res.data.code == 200) {
						console.log(res.data)
						this.form = res.data.result
					} else {
						this.$u.toast(res.data.message)
					}
				}).catch(err => {
					console.log(err)
				})
			}


		},
	};
</script>

<style lang="scss" scoped>
	.wap {
		padding: 0 15px;
		box-sizing: border-box;
	}
	::v-deep .u-form-item--left__content__label{
		font-weight: 600;}
</style>
